<ul>

<!-- ===========弹框插件开始============ -->
    <li>
        <p class="zhedie_title zd_on">【弹框插件】</p>
        <div class="xmp_body first">
        <div class="xmp_box">
            <span class="xmp_title">【普通框】</span>
            <xmp>
p_alert('提示','这是一个普通框',2);
            </xmp>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【成功提示框】</span>
            <xmp>
s_alert('提示','这是一个成功弹出框',true)
            </xmp>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【失败弹出框】</span>
            <xmp>
e_alert('提示','这是一个失败弹出框',true)
            </xmp>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【询问弹出框】</span>
            <xmp>
cof_alert('提示','确认删除吗？','是的','取消',true,true)
            </xmp>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【询问弹出框回调】</span>
            <xmp>
cof_alert('提示','这是一个询问弹出框','确定','取消',function(){
    p_alert('提示','点击确定的回调函数');
},function(){
    p_alert('提示','点击取消的回调函数');
})
            </xmp>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【说明】</span>
            <xmp>
            </xmp>
            <span class="xmp_tip">
                页面需要引入dsdialog.css和dsdialog.js<br/>
                最后一个参数设为true为无回调
            </span>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【引入方式】</span>
            <xmp>
<link rel="stylesheet" type="text/css" href="../../css/common/dsdialog.css" />
<script type="text/javascript" src="../../js/common/dsdialog.js"></script>
            </xmp>
        </div>
        </div>
    </li>
<!-- ===========弹框插件结束============ -->

<!-- ===========表单验证插件开始============ -->
    <li>
        <p class="zhedie_title">【表单验证插件】</p>
        <div class="xmp_body">
        <div class="xmp_box">
            <span class="xmp_title">【html码】</span>
            <xmp>
<div class="form_input">
    <p class="input_title"><span>单位名称：</span></p>
    <p class="validate_box">
        <span class="validate_info">单位名称</span>
        <input type="text" class="global_input" datatype="*"/>
    </p>
</div>
            </xmp>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【说明】</span>
            <xmp>
            </xmp>
            <span class="xmp_tip">
                注：页面需要引入Validform.css和Validform_v5.3.2_min.js<br/>
                form需要添加validate_form类
            </span>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【引入方式】</span>
            <xmp>
<link rel="stylesheet" type="text/css" href="../../css/common/Validform.css" />
<script type="text/javascript" src="../../js/common/Validform_v5.3.2_min.js"></script>
            </xmp>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【调用方法】</span>
            <xmp>
var demo=$(".validate_form").Validform({
    tiptype:3,
    /*  自定义正则 */
    datatype:{
        "select" : /\S///下拉验证
    },
    /* 在没有绑定nullmsg时查找要显示的提示文字 */
    label:".validate_info",

    /* 在验证成功后，表单提交前执行的函数，curform参数是当前表单对象。
       这里明确return false的话表单将不会提交; */
    beforeSubmit:function(curform){
        //
    }
});
            </xmp>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【属性值说明】</span>
            <xmp>
1,datatype
    *：检测是否有输入，可以输入任何字符，不留空即可通过验证；
    *6-16：检测是否为6到16位任意字符；
    n：数字类型；
    n6-16：6到16位数字；
    s：字符串类型；
    s6-18：6到18位字符串；
    p：验证是否为邮政编码；
    m：手机号码格式；
    e：email格式；
    url：验证网址格式。
    name:以字母开头的6-12位字符。
    yfz：身份证格式。
    tel:固话号码格式。

2,nullmsg 表单为空时提示的信息
    默认值：此项不能为空！

3,errormsg 验证失败提示的信息
    默认值: 自定义

4,sucmsg 验证成功提示的信息
    默认值: 通过信息验证！
            </xmp>
        </div>
        </div>
    </li>
<!-- ===========表单验证插件结束============ -->

<!-- ===========时间日期插件开始============ -->
    <li>
        <p class="zhedie_title">【时间日期插件】</p>
        <div class="xmp_body">
        <div class="xmp_box">
            <span class="xmp_title">【html码】</span>
            <xmp>
<input type="text" class="global_input doubledate ipticon" readonly="readonly" />
<span>至</span>
<input type="text" class="global_input doubledate ipticon" readonly="readonly" />
            </xmp>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【说明】</span>
            <xmp>
            </xmp>
            <span class="xmp_tip">
                注：页面需要引入doubleDate.css和doubleDate2.0.js<br/>
            </span>
        </div>
        <div class="xmp_box">
            <span class="xmp_title">【引入方式】</span>
            <xmp>
<link rel="stylesheet" type="text/css" href="../../css/common/doubleDate.css" />
<script type="text/javascript" src="../../js/common/doubleDate2.0.js"></script>
            </xmp>
        </div>
        </div>
    </li>
<!-- ===========时间日期插件结束============ -->

</ul>